/*
<div class="max-numbox">
    <div class="max-minus">
      	<i class="iconfont icon-minus"></i>
    </div>
    <div class="max-container">
    	<input type="text" name="numgoods" id="numgoods" value="1">
    </div>
    <div class="max-plus">
         <i class="iconfont icon-plus"></i>
     </div>
</div>

<div class="max-numbox">
    <div class="max-minus">
      	<i class="iconfont icon-minus"></i>
    </div>
    <div class="max-container">
    	<span class="max-span"></span>
    </div>
    <div class="max-plus">
         <i class="iconfont icon-plus"></i>
     </div>
</div>

*/
/***/
.max-numbox {
  	position:relative;
  	min-width: 120px;
	width:100%;
	min-height: 32px;
	height:100%;
	border:1px solid #ccc!important;
	border-radius:3px;
	z-index:1;
}
.max-numbox>.max-minus,
.max-numbox>.max-plus {
	position:absolute;
	top:0;
	display:flex;
	height:100%;
	min-width:32px;
	max-width:60px;
	width:20%;
	z-index:3;
	justify-content:center;
	align-items:center;
	background-color:#ddd!important;
	cursor: pointer;
}
.max-numbox>.max-container {
	position:absolute;
	top:0;
	display:block;
	width:100%;
	height:100%;
	line-height:142%;
	z-index:2;
	text-align:center;
	border:none!important;
}
.max-numbox>.max-container>input,.max-numbox>.max-container>.max-span {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	border: none!important;
	outline: none!important;
}
.max-numbox>.max-container>input {
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 1px solid #ccc;
	outline: 1px solid #ccc;
}
.max-numbox>.max-container>.max-span {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	cursor: default;
}
.max-numbox>.max-minus {
	left:0;
	border-right:1px solid #ccc;
}
.max-numbox>.max-plus {
	right:0;
	border-left:1px solid #ccc;
}